@charset "utf-8";
/* CSS Document */

/* default */
html,body,iframe{width:100%;height:100%;padding: 0px;margin:0px;*position:static;*overflow-x:hidden;}
form{padding: 0px;margin:0px;}
body{margin:0 0 0 0;font-family:"Microsoft YaHei","微软雅黑","微軟雅黑";font-size:12px;letter-spacing:0px;color:#878a8a;background-color:#fff;overflow-x:hidden;-webkit-text-size-adjust: none;}
img{border:none;max-width:100%;}
input,button,select,textarea{outline:none;resize:none;padding:0px;margin:0px;font-family:"微软雅黑","微軟雅黑";font-size:12px;border:none;}
select{*font-size:14px;}
h1,h2,h3,h4,h5,h6,figure{padding:0px;margin:0px;font-weight:normal;}
h3,h4,h5,h6{font-size:12px;}

table, tr, td{border-spacing:0px;padding:0px;margin:0px;border-collapse:collapse;}
table p{float:none;display:block;margin:0px;}
ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{padding:0px;margin:0px;list-style-type:none;}
strong{font-weight:bold}
canvas{pointer-events:none;}
a{color:#878a8a;text-decoration:none;outline:none;cursor:pointer;}
a:hover{color:#50cdf0;text-decoration:none;}
.hidden{display:none;}
.absolute,.absobg{width: 100%;height: 100%; position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;z-index: 1;}
.abs-t-l{position: absolute;top:0px;left:0px;}
.absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
p{margin-bottom:15px;display:inline;}
.overflow{overflow:hidden;}
.clearBoth{float:none;position:static;}
.cm{width:100%;max-width:1300px;float:none;margin:0 auto;}
.hide{display:none;}
.fr{float:right;}
.fl{float:left;margin-top: 3px;}
.dib{display:inline-block;}
.db{display:block;}
.rel{position: relative;}
.t-h{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.o-h{overflow: hidden;}
.yaHei{font-family:"Microsoft YaHei","΢ÈíÑźÚ","΢ܛÑźÚ";}
input.no, textarea.no{border:1px red solid;}
body.noScroll{overflow:hidden;}
.cover{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;}
.cover-w{background-position:center center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
.cover-h{background-position:center center;-webkit-background-size:auto 100%;background-size:auto 100%;}
.cover-fixed{background-attachment: fixed;}
.cover-repeat{background-repeat: no-repeat;}
.fixed{position:fixed;}
.le-2{letter-spacing:2px;}
.le-10{letter-spacing:10px;}
.h50{height:50px;}
.z-index-10{z-index:10;}
.text-area img{max-width: 100%;}

/*public*/
.pagesize,.main,.header,.banner,.content,.footer,.textArea,.pageBox{width:100%;}
.ipt{width:200px;height:24px;line-height:24px;padding:5px;border:1px #c8c8c8 solid;background-color:#fff;font-size:14px;}
.ipt i{width:34px;height:34px;position:absolute;top:0px;right:0px;background:url(../images/arrb.png) no-repeat center center;}
.select{padding:0 0 0 4px;height:30px;line-height:30px;width:auto;}

/*loading*/
.cat{width:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;overflow:hidden;}
.cat::before{content:'';display:block;padding-bottom:100%}
.cat:hover>*{-webkit-animation-play-state:paused;animation-play-state:paused}
.cat:active>*{-webkit-animation-play-state:running;animation-play-state:running}
.cat__body,.cat__head,.cat__tail{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-animation:rotating 2.79s cubic-bezier(.65,.54,.12,.93) infinite;animation:rotating 2.79s cubic-bezier(.65,.54,.12,.93) infinite}
.cat__body::before,.cat__head::before,.cat__tail::before{content:'';position:absolute;width:50%;height:50%;background-size:200%;background-repeat:no-repeat;background-image:url(../images/cat.jpg)}
.cat__head::before{top:0;right:0;background-position:100% 0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.cat__tail{-webkit-animation-delay:.2s;animation-delay:.2s}
.cat__tail::before{left:0;bottom:0;background-position:0 100%;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
.cat__body{-webkit-animation-delay:.1s;animation-delay:.1s}
.cat__body:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}
.cat__body::before{right:0;bottom:0;background-position:100% 100%;-webkit-transform-origin:0 0;transform-origin:0 0}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(720deg);transform:rotate(720deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes rotating{from{-webkit-transform:rotate(720deg);transform:rotate(720deg)}
to{-webkit-transform:none;transform:none}
}

/*menu*/
.menu-btn{display:none;}

/*gototop*/
a.gototop{position:fixed;bottom:50px;right:0px;padding:3px 15px 3px 20px;background-color:rgba(0,0,0,0.5);color:#fff;z-index:9999;font-size:40px;border-radius:100px 0 0 100px;line-height:50px;

}
a.gototop:hover{background-color:#000;}

/*qrcode*/
.wechat:hover .qrcode{display:block;}
.qrcode{width:100px;height:100px;position: absolute;top:100%;left:50%;margin:5px 0 0 -55px;z-index:10;padding:5px;background-color:#fff;display:none;}
.qrcode img{width:100%;}
.qrcode:before{content:"";font-size: 0;line-height: 0;border-width: 10px;border-color: #fff;border-top-width: 0;border-style: dashed;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;position:absolute;left:50%;top:-10px;margin-left:-10px;}

/*text*/
.tab-text .hide{display:none;}

/*header*/
.header{height:90px;top:0px;z-index:99999;background-color: rgba(255,255,255,0.7);line-height:56px;}
.header.fixed{top:0px;}
.menu{font-size:16px;float: right;}
.menu span{margin-left:80px;float:left;position: relative;}
.menu span.current a{opacity: 1;}
.menu a{color:#000;opacity: 0.5;float:left;line-height: 87px;}
.menu a.active,.menu a:hover{opacity:1;}
.menu span.current p{opacity: 1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);pointer-events:visible;}
.menu p{width:150px;position: absolute;top:100%;left:50%;margin:10px 0 0 -80px;z-index:10;padding:5px;background-color:rgba(255,255,255,0.7);text-align:center;opacity: 0;border-radius:3px;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);pointer-events:none;}
.menu p a{line-height:30px;width:100%;font-size:14px;font-weight: normal;opacity: 0.5;}
.menu span.current p a{opacity: 0.5;}
.menu span.current p a:hover{background-color: #fff;opacity: 1;}
.menu p:before{content:"";font-size: 0;line-height: 0;border-width: 10px;border-color:rgba(255,255,255,0.7);border-top-width: 0;border-style: dashed;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;position:absolute;left:50%;top:-10px;margin-left:-10px;}
.menu p:after{content:"";width:100%;height:15px;position: absolute;top:-12px;left:0px;}
.share a{font-size:20px;opacity: 0.5;margin-left:20px;color:#fff;}
.share a:hover{opacity: 1;}

/*footer*/
.footer{background-color:#3d3c42;}
.footer,.footer a{color:#808080;}
.footer a.whitet{color:#fff;}
.footer .w25 a:hover{}
.footer .qrcode{top:30px;}
.copyright{padding:20px 0;background-color:#323237;}

/*home*/
.promo-list,.promo-list .swiper-container{height:100%;overflow:hidden;}
.promo-list.auto,.promo-list.auto .swiper-container{height:auto;}
.promo-list .swiper-slide{overflow:hidden;}
.promo-list .cover{-webkit-transition: all 6s ease-in-out 0.5s;-moz-transition: all 6s ease-in-out 0.5s;-ms-transition: all 6s ease-in-out 0.5s;-o-transition: all 6s ease-in-out 0.5s;transition: all 6s ease-in-out 0.5s;}
.promo-list .swiper-slide-active .cover,.promo-list .swiper-slide-duplicate-active .cover{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.promo-list .text{top:18%;}
.promo-list .text.t25{top:28%;}
/*.promo-list .t2,.promo-list .t3,.promo-list .t4{text-shadow:0 2px 0 rgba(0,0,0,0.2);}*/
.promo-list .t2{font-size:60px;letter-spacing:10px;}
.promo-list .t3{font-size:18px;letter-spacing:10px;}
.promo-list .t4{font-size:24px;}


.promo-list .t_btn a{padding:12px 0px;border:1px #fff solid; color:#fff;border-radius:200px;display:inline-block;transition: all 0.5s;display: block;width: 180px;margin: 0 auto;}
.promo-list .t_btn a:hover{color: #000; background-color:#fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);font-size: 15px;}
.promo-list .text{display: none;}
.promo-list .swiper-slide-active .text,.promo-list .swiper-slide-duplicate-active .text{display: block;}
.promo-list .line,.product-layer .line{height:0px;-webkit-transition: all 2s ease-in-out 1.6s;-moz-transition: all 2s ease-in-out 1.6s;-ms-transition: all 2s ease-in-out 1.6s;-o-transition: all 2s ease-in-out 1.6s;transition: all 2s ease-in-out 1.6s;opacity: 1;}
.promo-list .line.show,.product-layer .line.show{height:300px;}
.promo-list .line.show.h100,.product-layer .line.show.h100{height:150px;}

/*news*/
.news-list .item{margin:50px 3.5% 0 0;position: relative;}
.news-list .item:nth-child(3n){margin-right:0px;}
.news-list .item:hover{box-shadow:10px 15px 20px rgba(0,0,0,0.05);}
.news-list .item img{width:100%;}
.news-list .item h4{height:96px;overflow: hidden;}

/*texg*/
.text-box{margin-top:-155px;z-index:100;}
.text-box .db{min-height:200px;}

/*product*/
.product-list .mlr-30{margin:10px 0 0;}
.product-list .w25:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.product-list .fw1:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.product-list .fw2:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.product-list .fw3:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
/*product view*/
.product-banner img{padding:10% 0;}
.product-layer .tab .info{display:none;}
.btn-green a{display:inline-block;padding:10px 50px;font-size:20px;margin:0 10px;border:1px #9bc929 solid;font-size:20px;color:#fff;background-color:#9bc929;}
.btn-green a.active,.btn-green a:hover{border:1px #d0d0d0 solid;background-color:#fff;color:#d0d0d0;}
.btn-green a.active{cursor: default;}

.media-text-box .text{display: none;}

/*brand*/
.brand-list .rotate{max-width:80%;}
.brand-logo img{width:80%;}

/*team*/
.team-list .item .box{border-radius:60px;width:58px;height:58px;position:relative;display:inline-block;background-color:#9bc929;color:#fff;text-align:center;line-height:58px;font-size:16px;cursor: pointer;}
.team-list .item.nth1{top:0px;}
.team-list .item.nth2{top:-40px;}
.team-list .item.nth3{top:22px;}
.team-list .item.nth4{top:20px;}
.team-list .item .hover{width:330px;height:330px;position: absolute;top:0px;left:0px;margin-top:-136px;opacity: 0;}
.team-list .item.nth2 .w40,.team-list .item.nth3 .w40{margin-left:-136px;}
.team-list .item.nth4 .w40{left:auto;right:0px;}
.team-list .item .box{overflow: hidden;}
.team-list .item .box.active .hover{opacity: 1;}
.team-list .item .box.active{background-color:#fff;z-index:10;}
.team-list .item .box.active{overflow:inherit;}
.tab-text .tab{display:none;min-height:90px;}

/*opacity*/
.opa9{opacity: 0.9}
.opa8{opacity: 0.8}
.opa7{opacity: 0.7}
.opa6{opacity: 0.6}
.opa5{opacity: 0.5}
.opa4{opacity: 0.4}
.opa3{opacity: 0.3}
.opa2{opacity: 0.2}
.opa1{opacity: 0.1}
.opa0{opacity: 0.0}

/*swiper*/
.swiper-container{width: 100%;margin: 0 auto;position: relative;overflow:hidden;z-index:1;}
.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.swiper-slide{width:100%;height:100%;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.swiper-pagination{width:100%;position: absolute;left:0px;bottom:20px;text-align: center;z-index:60;cursor:pointer;line-height:20px;}
.swiper-pagination span{display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:20px;margin:0 8px;opacity:0.5;position: relative;top:-1px;}
.swiper-pagination span.swiper-pagination-bullet-active{width:12px;height:12px;opacity:1;top:0px;}
.active{z-index:10;}

/*width*/
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;float: left;


}
.w30{width:30%;}
.w31{width:31%;}
.w32{width:32%;}
.w33{width:33.3333333%;float: left;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;float: left;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}


.fw1{
	background: url(../images/fw1.png) no-repeat center ;
	height: 650px;
	padding-top: 285px;
}
.fw1 img{
	margin: 0 auto;
	display: block;
}
.fw2{
	background: url(../images/fw2.png) no-repeat center;	height: 650px;
	padding-top: 285px;
}
.fw2 img{
	margin: 0 auto;
	display: block;
}
.fw3{
	background: url(../images/fw3.png) no-repeat center;	height: 650px;padding-top: 285px;
}.fw3 img{
	margin: 0 auto;
	display: block;
}
/*window*/
.bodyMask{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:1000;background:#496381;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;}
.bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:45%;left:50%;z-index:1500;display:none;}
.bodyWindow .close{width:30px;height:30px;position:absolute;float:none;top:0px;right:-40px;cursor:pointer;z-index:10;}
.bodyWindow .close i{width:30px;height:30px;float:left;background:url(../images/close.png) no-repeat center center;}

.bodyWindow.qrcode{width:258px;margin:-129px 0 0 -129px;background-color:#fff;}
.bodyWindow.qrcode img{width:258px;height:258px;}

.bodyWindow.newsView{width:820px;margin-left:-450px;top:20px;bottom:20px;border-radius:0px;padding:50px 40px 40px;}
.bodyWindow.newsView .textArea{color:#848484;letter-spacing:1px;}
.bodyWindow.newsView .viewport{position:absolute;float:none;top:120px;bottom:40px;right:20px;left:40px;}

.bodyWindow.upload{width:300px;padding:40px;margin:-100px 0 0 -190px;}
.bodyWindow.upload .fileName{display:none;}
.bodyWindow.upload .btn{height:30px;line-height:30px;padding:0 20px;position:relative;float:left;color:#fff;white-space:nowrap;margin-right:10px;overflow:hidden;}
.bodyWindow.upload .btn input{width:500px;height:500px;font-size:500px;position:absolute;float:none;top:0px;left:0px;cursor:pointer;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
.bodyWindow.upload .btn.org{background-color:#ffa200;}
.bodyWindow.upload .btn.org:hover{background-color:#ffb533;}
.bodyWindow.upload .btn.blue{background-color:#1462da;}
.bodyWindow.upload .btn.blue:hover{background-color:#529bff;}

/*animate*/
a,.animate,.product-list .w25 img,.menu p,.fw1 img, .fw2 img,.fw3 img,.news-list .item,.item-list .imglazy,.scale,.team-list .item .box{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.team-list .item .box.active .hover{-webkit-transition: all 1.5s ease-in-out 0s;-moz-transition: all 1.5s ease-in-out 0s;-ms-transition: all 1.5s ease-in-out 0s;-o-transition: all 1.5s ease-in-out 0s;transition: all 1.5s ease-in-out 0s;}
.rotate:hover{-webkit-transition: all 1.5s ease-in-out 0s;-moz-transition: all 1.5s ease-in-out 0s;-ms-transition: all 1.5s ease-in-out 0s;-o-transition: all 1.5s ease-in-out 0s;transition: all 1.5s ease-in-out 0s;-moz-transform: rotate(360deg);-moz-transform-origin: center center;-webkit-transform: rotate(360deg);-webkit-transform-origin: center center;-o-transform: rotate(360deg);-o-transform-origin: center center;transform: rotate(360deg);transform-origin: center center;}
.item-list .item:hover .imglazy,.scale:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


.fwx{
	width: 125px;
	height: 8px;
	background: #facd89;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 35px;
}

.is_ani{opacity: 1;}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}

.fadeInrotate{
	-webkit-animation-name:fadeInrotate;
	animation-name:fadeInrotate;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.fadeInUp,.fadeInrotate,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.zoomIn,.bounceIn,.flipInY{
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.delay100 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.delay200 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.delay300 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay400 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.delay500 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delay600 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.delay700 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.delay800 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.delay900 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.delay1100 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay1300 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.delay1400 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.delay1600 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.delay2400 {
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
}
/*animate*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInrotate{
	0%{opacity:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
	100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInrotate{0%{opacity:0;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInrotate{-webkit-animation-name:fadeInrotate;animation-name:fadeInrotate}





@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
.ys  h3{
	font-size: 24px;
	line-height: 35px;
	color: #fff;
}

.ys  h4{
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
	color: #fff;
}
.jj{
	background: url(../images/bj1.png);
}
.ys {
	background: url(../images/bj.png);
}.ys1 {
	background: #fff;
}.ys1  h3{
	font-size: 24px;
	line-height: 35px;
	color: #1d1d1d;
}
.ys1 .zx1 {
	width: 80%;
	margin: 0 auto;
	margin-top: -5px;
	border-bottom: 1px solid #909090;
}
.jx{
	width: 55%;
	margin: 0 auto;
}
.ys1  h4{
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
	color: #1d1d1d;
}
.zx1 {
	width: 80%;
	margin: 0 auto;
	margin-top: -5px;
	border-bottom: 1px solid #fff;
}
.zx img{
	margin: 0 auto;
	margin-top: 20px;
	width: 38px;
	max-width: 38px;
}
.zx3{
	margin: 0 2.5%;
	margin-bottom: 30px;
	float: left;
	width: 45%;
}
.zx3 img{
	transition: transform 0.3s,background-color 0.3s;         
}
.zx3 img:hover{
	transform: scale(1.02);
}
.xw{
	width: 1330px;
	margin: 0 auto;
	margin-top: 50px;
}
.xw1{
	margin: 0 20px;
	width: 620px;
	float: left;
}
.xw3{
	width: 120px;
	float: left;
} .xw3 h5{
	font-size: 18px;
	line-height: 30px;
	margin-top: 45px;
	color: #666666;
}
.xw2{
	height: 115px;
}.xw7{
	height: 210px;
}
.xw4{
	height: 115px;
	width: 6px;
	float: left;
	border-left: #bfbfbf 2px solid;
	border-right: #bfbfbf 2px solid;
}.xw8{
	height: 210px;
	width: 6px;
	float: left;
	border-left: #bfbfbf 2px solid;
	border-right: #bfbfbf 2px solid;
}
.xw5{
	position: relative;
	top: 43px;
	width: 29px;
	float: left;
	left: -17px;
}
.xwd{
	width: 220px;
	line-height: 40px;
	font-size: 16px;
	color: #000;
	text-align: center;border: #000 3px solid;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 50px;      transition: transform 0.8s,background-color 0.8s;         
} .xwd a{
	color: #000;
}

.xwd:hover{
	background: #50cdf0;
	border: #fff 3px solid;transform: scale(1.05);
}.xwd:hover a{
	color: #fff;
}.mt-5 img{
	margin: 0 auto;
}
.xw5 img{
	

display: table-cell;  
	vertical-align: middle;
	
}
.xw6{
	background: #5c5c5c;
	border-radius: 6px;
	float: left;
	margin-left: 15px;
	padding-top: 25px;
	padding-left: 35px;
	padding-bottom: 10px;
	padding-right: 10px;
	width: 450px;
	margin-top: 15px;

	 
}
.xw6 h2{
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-align: left;
}
.xw6 a:hover h2{
	color: #50cdf0;
}

.xw6  h6{
	font-size: 16px;
	line-height: 22px;
	color: #e0e0e0;
	width: 350px;height: 88px;
	overflow:hidden;
	margin-bottom: 0;
	text-align: justify;
	margin-top: 10px;
}.xw6 a:hover h6{
	color: #fff;
}
.xw6  p{
	font-size: 16px;
	line-height: 25px;
	color: #50cdf0;
	float: right;
	margin-bottom: 0;
	text-align: right;
}.xw6 a:hover p{
	color: #fff;
}

.lxwm .f-36{
	font-size: 50px;
	line-height: 60px;
	letter-spacing: 5px;
}.lxwm .f-18{
	font-size: 24px;
	line-height: 40px;
	margin-top: 40px;
}
.zx2{
	margin-top: 50px;
}
.lxx {
	width: 50%;
	height: 1px;
	background: #fff;
}.lxwm1{
		width:900px;
	margin: 0 auto;
	}
.lxwm1 li{
	font-size: 20px;
	color: #fff;text-shadow:0px 5px 5px #2c2c2c;
	line-height: 60px;
	text-align: left;
}
	.lxwm2{
		width:450px;
		float: left;
}.lxwm3{
		width:300px;
		float: left;
}
.lxwm4{
	width:150px;float: left;
}
.footer p{
	text-align: center;
	font-size: 16px;
	line-height:28px;
	color: #fff;

	margin: 0 auto;
	display: block;
} .footer .copyright{
	padding-bottom: 0;
}
.footer p a{
	display: inline;
	
} .footer p img{
	display: inline;
	width: 142px;
}
.mt-5
/*margin*/
.mt-1{margin-top:1px;}
.mt-3{margin-top:3px;}
.mt-4{margin-top:4px;}
.mt-5{margin-top:5px;}
.mt-6{margin-top:6px;}
.mt-7{margin-top:7px;}
.mt-8{margin-top:8px;}
.mt-9{margin-top:9px;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-14{margin-top:14px;}
.mt-15{margin-top:15px;}
.mt-18{margin-top:18px;}
.mt-20{margin-top:20px;}
.mt-22{margin-top:22px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-75{margin-top:75px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-120{margin-top:150px;}

.mr-0{margin-right:0px !important;}
.mr-3{margin-right:3px;}
.mr-4{margin-right:4px;}
.mr-5{margin-right:5px;}
.mr-8{margin-right:8px;}
.mr-10{margin-right:10px;}
.mr-12{margin-right:12px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}

.mb-5{margin-bottom:5px;}

.ml-1{margin-left:1px;}
.ml-3{margin-left:3px;}
.ml-8{margin-left:8px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:33px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-75{margin-left:75px;}
.ml-98{margin-left:98px;}
.ml-90{margin-left:90px;}
.ml-100{margin-left:100px;}
.ml-110{margin-left:110px;}
.ml-125{margin-left:125px;}
.ml-130{margin-left:130px;}
.ml-160{margin-left:160px;}
.ml-170{margin-left:170px;}

.mlr-3{margin-left:3px;margin-right:3px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-8{margin-left:8px;margin-right:8px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-30{margin-left:30px;margin-right:30px;}
.mlr-40{margin-left:40px;margin-right:40px;}
.mlr-50{margin-left:50px;margin-right:50px;}
.mlr-60{margin-left:60px;margin-right:60px;}
.mlr-100{margin-left:100px;margin-right:100px;}

/* padding */
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-27{padding-top:27px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-70{padding-top:70px;}
.pt-90{padding-top:90px;}

.pr-12{padding-right:12px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}

.pm-10{padding-bottom:10px;}
.pm-15{padding-bottom:15px;}
.pm-50{padding-bottom:50px;}
.pm-75{padding-bottom:75px;}
.pm-100{padding-bottom:100px;}

.plr-5{padding-left:5px;padding-right:5px;}
.pl-12{padding-left:12px;}
.plr-10{padding-left:10px;padding-right:10px;}
.pl-10-r-15{padding-left:10px;padding-right:15px;}
.plr-14{padding-left:14px;padding-right:14px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-20{padding-left:20px;padding-right:20px;}
.plr-30{padding-left:30px;padding-right:30px;}
.plr-50{padding-left:50px;padding-right:50px;}

.ptm-10{padding-top:10px;padding-bottom:10px;}
.ptm-15{padding-top:15px;padding-bottom:15px;}
.ptm-20{padding-top:20px;padding-bottom:20px;}
.ptm-30{padding-top:30px;padding-bottom:30px;}
.ptm-40{padding-top:40px;padding-bottom:40px;}
.ptm-50{padding-top:50px;padding-bottom:50px;}
.ptm-60{padding-top:60px;padding-bottom:60px;}
.ptm-75{padding-top:75px;padding-bottom:75px;}
.ptm-100{padding-top:100px;padding-bottom:100px;}
.ptm-120{padding-top:150px;padding-bottom:120px;}
.ptm-150{padding-top:150px;padding-bottom:150px;}
.ptm-170{padding-top:170px;padding-bottom:170px;}
.ptm-200{padding-top:200px;padding-bottom:200px;}
.ptm-250{padding-top:250px;padding-bottom:250px;}

/* line-height */
.h-35{line-height:35px;}
.h-30{line-height:30px;}
.h-18{line-height:18px;}
.h-16{line-height:16px;}
.h-20{line-height:20px;}
.h-22{line-height:22px;}
.h-24{line-height:24px;}
.h-25{line-height:25px;}
.h-26{line-height:26px;}
.h-29{line-height:29px;}
.h-33{line-height:33px;}
.h-37{line-height:37px;}
.h-38{line-height:38px;}
.h-40{line-height:40px;}
.h-54{line-height:54px;}

/* border */
.b-a{border:1px #dbdbdb solid;}
.b-l{border-left:1px #dbdbdb solid;}
.b-r{border-right:1px #dbdbdb solid;}
.b-t{border-top:1px #dbdbdb solid;}
.b-b{border-bottom:1px #dbdbdb solid;}
.b-ld{border-left:1px #dbdbdb dashed;}
.b-rd{border-right:1px #dbdbdb dashed;}
.b-td{border-top:1px #dbdbdb dashed;}
.b-bd{border-bottom:1px #dbdbdb dashed;}

.b-b-green{border-bottom:1px #9bc929 solid;}
.b-l-green{border-left:1px #9bc929 solid;}

/* bg color */
.bg-orange{background-color:#ffac45;}
.bg-black{background-color:#000;}
.bg-white{background-color:#fff;}
.bg-grey{background-color:#f8f8f8;}
.bg-blue{background-color:#39ade7;}
.bg-green{background-color:#b3d56c;}
.bg-purple{background-color:#be9ecc;}
.bg-yellow{background-color:#eaab3e;}
.bg-red{background-color:#872633;}

/* font size */
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-32{font-size:32px;}
.f-34{font-size:34px;}
.f-36{font-size:36px;}
.f-38{font-size:38px;}
.f-40{font-size:40px;line-height: 50px;}
.f-48{font-size:48px;}
.f-80{font-size:80px;}
.f-90{font-size:90px;}
.f-110{font-size:110px;}
.fbold{font-weight:bold;}
.fboldno{font-weight:normal;}
.f-c{text-align:center;}
.f-l{text-align:left;}
.f-r{text-align:right;}
.f-f{font-family:"ËÎÌå","Microsoft YaHei","΢ÈíÑźÚ","Arial","Helvetica",sans-serif;}
.f-t{cursor:pointer;}
.f-v{vertical-align:middle;}
.f-v img{float:none;margin:0 5px;}
.f-u{text-transform:uppercase;}
.f-w{white-space:nowrap;}
.greent,a.greent,a.blackt:hover{color:#fff;}
.greent2,a.greent2{color:#9bc929;}
.oranget,a.oranget{color:#fa6d40;}
.greyt,a.greyt{color:#999;}
.grey6t,a.grey6t{color:#666;}
.grey6t,a.grey6t{color:#666;}
.redt,a.redt{color:#e55151;}
.blackt,a.blackt{color:#333;}
.bluet,a.bluet{color:#198eed;}
.yellowt,a.yellowt{color:#eaab3e;}
.lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}

.whitet{color:#fff;}
.purplet,a.purplet{color:#eb7a79;}
.wm-70{min-width:70px;}

.link a{border-bottom:1px #c1c1c1 dashed;}
.ls-5{letter-spacing:5px;}
.text-span span{display:block;font-size: 22px;color: #fff;line-height: 35px;}
.border-radius-10{border-radius:10px;}

/* page */
.page{width:100%;overflow:hidden;text-align:center;font-size:16px;}
.page a{padding:11px 16px;margin:0 0 0 -1px;display:inline-block;background-color:#f1f1f1;color:#666;border:1px #f1f1f1 solid;position:relative;}
.page a:hover,.page a.active{background:#9bc929;color:#fff;text-decoration:none;border:1px #9bc929 solid;z-index:1;}